while (el && !el._node) {

          el = el.parentElement;

        }

        if (el)

          this._onclick(el._node);

      }, true);

    }

    private _onclick(node) {

      var fullPath = node.fullPath;

      if (this._activeDocPath === fullPath)

        return;

      if (node.isDir())

        return;

      var oldDoc = this._docCache[this._activeDocPath];

      if (oldDoc)

        oldDoc.close();

      while (this.mainContent.children.length) {

        this.mainContent.removeChild(this.mainContent.children[this.mainContent.children.length - 1]);

      }

      var doc =

        this._docCache[fullPath] ||

        (this._docCache[fullPath] = docs.types.load({

          fullPath: fullPath,

          read: (propertyNames: string[]) => this._read(fullPath, propertyNames),

          write: (byProp) => this._write(fullPath, byProp)

        }));

      var elem = doc.open();

​

      elem.style.width = '100%';

      elem.style.height = '100%';

      this.mainContent.appendChild(elem);

      return false;

    }

    private _read(fullPath: string, propertyNames: string[]): { [propertyName: string]: string; } {

      var response = this._fileTree.access.read([fullPath]);

      var fileProps = response[fullPath];

      return fileProps;

    }

​

    private _write(fullPath: string, byProp: { [propertyName: string]: string; }) {

​

      var byFullPath: storage.PropertiesByFullPath = {};

      byFullPath[fullPath] = byProp;

​

      var now = dateNow();

      this._fileTree.access.update(byFullPath, now);

      if (this._access)

        this._access.update(byFullPath, now, () => {

        });

​

    }

  }

}